<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

<%@include file="/WEB-INF/index/public/header.jsp"%>

  <section class="container main-content">
    <div class="detail-left">
      <div class="poster">
        <ul class="breadcrumb clearfix">
          <li><a href="#">首页</a></li>
          <li>/</li>
          <li><a href="#">电影</a></li>
          <li>/</li>
          <li><a href="#">动作</a></li>
          <li>/</li>
          <li>${movie.mname}</li>
        </ul>
        <h1>${movie.mname}-${movie.alias}</h1>
        <div class="poster-wrapper clearfix">
          <div class="poster-pic clearfix">
            <img src="${movie.poster}" alt="">
          </div>
          <div class="poster-detail clearfix">
            <table>
              <tr>
                <td>导演</td>
                <td>
                  <ul>
                    <li><a href="#">${movie.director}</a></li>
                  </ul>
                </td>
              </tr>
              <tr>
                <td>编剧</td>
                <td>
                  <ul>
                    <li><a href="#">艾伦-海因伯格</a></li>
                    <li>/</li>
                    <li><a href="#">扎克-施耐德</a></li>
                    <li>/</li>
                    <li><a href="#">贾森-福克斯</a></li>
                    <li>/</li>
                    <li><a href="#">威廉-马斯顿</a></li>
                  </ul>
                </td>
              </tr>
              <tr>
                <td>主演</td>
                <td>
                  <ul>
                    <li><a href="#">盖尔-加朵</a></li>
                    <li>/</li>
                    <li><a href="#">克里斯-派恩</a></li>
                    <li>/</li>
                    <li><a href="#">康妮-尼尔森</a></li>
                    <li>/</li>
                    <li><a href="#">罗宾-怀特</a></li>
                    <li>/</li>
                    <li><a href="#">丹妮-豪斯顿</a></li>
                    <li>/</li>
                    <li><a href="#">大卫-修理斯</a></li>
                    <li>/</li>
                    <li><a href="#"><i class="fa fa-chevron-down"></i>显示全部</a></li>
                  </ul>
                </td>
              </tr>
              <tr>
                <td>类型</td>
                <td>
                  <ul>
                    <c:set var="gynes" scope="session" value="${fn:split(movie.gyne,',')}" />
                    <c:forEach items="${gynes}" var="g" varStatus="status">
                      <li><a href="#">${g}</a></li>
                      <c:if test="${status.last==false}">
                        <li>/</li>
                      </c:if>
                    </c:forEach>
                    <%--<li><a href="#">动作</a></li>--%>
                    <%--<li>/</li>--%>
                    <%--<li><a href="#">奇幻</a></li>--%>
                    <%--<li>/</li>--%>
                    <%--<li><a href="#">冒险</a></li>--%>
                  </ul>
                </td>
              </tr>
              <tr>
                <td>地区</td>
                <td>
                  <ul>
                    <li><a href="#">美国</a></li>
                  </ul>
                </td>
              </tr>
              <tr>
                <td>语言</td>
                <td>
                  英语
                </td>
              </tr>
              <tr>
                <td>上映时间</td>
                <td>
                  2017-06-02(中国大陆/美国)/2017-05-30(香港/台湾)
                </td>
              </tr>
              <tr>
                <td>片长</td>
                <td>
                  141分钟
                </td>
              </tr>
              <tr>
                <td>又名</td>
                <td>
                  神力女超人(台)
                </td>
              </tr>
              <tr>
                <td>评分</td>
                <td>
                  <ul>
                    <li><a href="#">豆瓣7.2</a></li>
                    <li><a href="#">IMDB 8.1</a></li>
                  </ul>
                </td>
              </tr>
            </table>
            <ul class="btn-group clearfix">
              <li><a class="btn" href="#"><i class="fa fa-download"></i>下载</a></li>
              <li><a class="btn" href="#"><i class="fa fa-clock-o"></i>想看</a></li>
              <li><a class="btn" href="#"><i class="fa fa-check-square-o"></i>看过</a></li>
              <li><a class="btn" href="#"><i class="fa fa-heart"></i>喜欢</a></li>
            </ul>
          </div>
        </div>

        <div class="poster-share">
          <p>更新日期：2017-10-09</p>
          <p>分享按钮</p>
        </div>
      </div>

      <!-- 电影介绍 -->
      <div class="intro">
        <h2 class="deteail-title">电影介绍</h2>
        ${movie.description}
        <ul class="tags clearfix">
          <c:set var="tags" scope="session" value="${fn:split(movie.tags,',')}" />
          <c:forEach items="${tags}" var="t" varStatus="status">
            <li><a href="#">#${t}</a></li>
          </c:forEach>
          <%--<li><a href="#">#DC</a></li>--%>
          <%--<li><a href="#">#超级英雄</a></li>--%>
          <%--<li><a href="#">#女神</a></li>--%>
          <%--<li><a href="#">#美国</a></li>--%>
          <%--<li><a href="#">#2017</a></li>--%>
        </ul>
      </div>
      <!-- 资源下载 -->
      <div class="download">
        <h2 class="deteail-title">资源下载</h2>
        <div id="tabs" class="tabs">
          <a class="tab-active">迅雷下载<i>3</i></a>
          <a>超清片源<i>32</i></a>
        </div>
        <div class="tab-content">
          <div class="panel">
            <div class="panel-header">
              神奇女侠迅雷下载
            </div>
            <div class="panel-content">
              <ul>
                <li><span>网盘</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
                <li><span>磁力</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
                <li><span>迅雷</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
              </ul>
            </div>
            <div class="panel-footer">
              <h3>《${movie.mname}》-下载帮助：</h3>
              <p>
                1、想要在线观看，请保存到百度网盘中，没有网盘链接或者链接失效的，请搜索：百度云网盘离线下载教程。<br />
                2、如需下载电影，请先安装迅雷（旋风），然后右键资源链接，选择迅雷（旋风）下载。<br />
                3、资源名称中含HD为高清，BD为蓝光 ，Mandarin是普通话，Cantonese是粤语，两者都有为双音轨。
              </p>
            </div>
          </div>
        </div>
        <div class="tab-content">
          <div class="panel">
            <div class="panel-header">
              神奇女侠-高清片源下载
            </div>
            <div class="panel-content">
              <ul>
                <li><span>网盘</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
                <li><span>磁力</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
                <li><span>迅雷</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
                <li><span>迅雷</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
                <li><span>迅雷</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
                <li><span>迅雷</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
                <li><span>迅雷</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
                <li><span>迅雷</span><a href="#">http://www.ittaoli.com</a><span>详情</span></li>
              </ul>
            </div>
            <div class="panel-footer">
              <h3>《神奇女侠》-下载帮助：</h3>
              <p>
                1、想要在线观看，请保存到百度网盘中，没有网盘链接或者链接失效的，请搜索：百度云网盘离线下载教程。<br />
                2、如需下载电影，请先安装迅雷（旋风），然后右键资源链接，选择迅雷（旋风）下载。<br />
                3、资源名称中含HD为高清，BD为蓝光 ，Mandarin是普通话，Cantonese是粤语，两者都有为双音轨。
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- 精彩推荐 -->
      <div class="promote">
        <h2 class="deteail-title">精彩推荐</h2>
        <ul class="clearfix">
          <li>
            <a href="#">
              <div class="movie-wrapper">
                <img src="./images/time.jpg" alt="">
              </div>
              <p>穿梭时空</p>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="movie-wrapper">
                <img src="./images/time.jpg" alt="">
              </div>
              <p>穿梭时空</p>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="movie-wrapper">
                <img src="./images/time.jpg" alt="">
              </div>
              <p>穿梭时空</p>
            </a>
          </li>
        </ul>
      </div>
      <!-- 影片评论 -->
      <div class="comment">
        <h2 class="deteail-title">影片评论</h2>
        <ul>
          <li class="clearfix">
            <div class="headerpic">
              <img src="./images/ten.jpg" alt="">
            </div>
            <div class="comment-content">
              <p class="ctitle clearfix"><span class="user">张三</span><span class="floor">#1</span></p>
              <p class="ccontent">are you kidding me?</p>
              <ul class="cplaud">
                <li><a href="#">赞(0)</a></li>
                <li>/</li>
                <li><a href="#">踩(0)</a></li>
                <li>/</li>
                <li><a href="#">回复</a></li>
              </ul>
            </div>
            <ul class="reply">
              <li class="clearfix">
                <div class="headerpic">
                  <img src="./images/ten.jpg" alt="">
                </div>
                <div class="comment-content">
                  <p class="ctitle clearfix"><span class="user">张三</span><span class="floor">#1</span></p>
                  <p class="ccontent">are you kidding me?</p>
                  <ul class="cplaud">
                    <li><a href="#">赞(0)</a></li>
                    <li>/</li>
                    <li><a href="#">踩(0)</a></li>
                    <li>/</li>
                    <li><a href="#">回复</a></li>
                  </ul>
                </div>
                <ul class="reply">
                  <li class="clearfix">
                    <div class="headerpic">
                      <img src="./images/ten.jpg" alt="">
                    </div>
                    <div class="comment-content">
                      <p class="ctitle clearfix"><span class="user">张三</span><span class="floor">#1</span></p>
                      <p class="ccontent">are you kidding me?</p>
                      <ul class="cplaud">
                        <li><a href="#">赞(0)</a></li>
                        <li>/</li>
                        <li><a href="#">踩(0)</a></li>
                        <li>/</li>
                        <li><a href="#">回复</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="clearfix">
                    <div class="headerpic">
                      <img src="./images/ten.jpg" alt="">
                    </div>
                    <div class="comment-content">
                      <p class="ctitle clearfix"><span class="user">张三</span><span class="floor">#1</span></p>
                      <p class="ccontent">are you kidding me?</p>
                      <ul class="cplaud">
                        <li><a href="#">赞(0)</a></li>
                        <li>/</li>
                        <li><a href="#">踩(0)</a></li>
                        <li>/</li>
                        <li><a href="#">回复</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="clearfix">
                    <div class="headerpic">
                      <img src="./images/ten.jpg" alt="">
                    </div>
                    <div class="comment-content">
                      <p class="ctitle clearfix"><span class="user">张三</span><span class="floor">#1</span></p>
                      <p class="ccontent">are you kidding me?</p>
                      <ul class="cplaud">
                        <li><a href="#">赞(0)</a></li>
                        <li>/</li>
                        <li><a href="#">踩(0)</a></li>
                        <li>/</li>
                        <li><a href="#">回复</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="clearfix">
                    <div class="headerpic">
                      <img src="./images/ten.jpg" alt="">
                    </div>
                    <div class="comment-content">
                      <p class="ctitle clearfix"><span class="user">张三</span><span class="floor">#1</span></p>
                      <p class="ccontent">are you kidding me?</p>
                      <ul class="cplaud">
                        <li><a href="#">赞(0)</a></li>
                        <li>/</li>
                        <li><a href="#">踩(0)</a></li>
                        <li>/</li>
                        <li><a href="#">回复</a></li>
                      </ul>
                    </div>
                  </li>
                </ul>
              </li>
            </ul>

          </li>
          <li class="clearfix">
            <div class="headerpic">
              <img src="./images/ten.jpg" alt="">
            </div>
            <div class="comment-content">
              <p class="ctitle clearfix"><span class="user">张三</span><span class="floor">#1</span></p>
              <p class="ccontent">are you kidding me?</p>
              <ul class="cplaud">
                <li><a href="#">赞(0)</a></li>
                <li>/</li>
                <li><a href="#">踩(0)</a></li>
                <li>/</li>
                <li><a href="#">回复</a></li>
              </ul>
            </div>
          </li>
        </ul>
      </div>
      <div class="detail-login">
        <p>
          <span>提示：</span>
          <a href="#">[登陆]</a>/<a href="#">[注册]</a>之后才能评论
        </p>
      </div>
    </div>

    <div class="detail-right">
      <div class="viewer">
        <h2>浏览过的用户...</h2>
        <ul class="clearfix">
          <li><a href="#"><img src="./images/ten.jpg" alt=""></a></li>
          <li><a href="#"><img src="./images/ten.jpg" alt=""></a></li>
          <li><a href="#"><img src="./images/ten.jpg" alt=""></a></li>
          <li><a href="#"><img src="./images/ten.jpg" alt=""></a></li>
          <li><a href="#"><img src="./images/ten.jpg" alt=""></a></li>
          <li><a href="#"><img src="./images/ten.jpg" alt=""></a></li>
          <li><a href="#"><img src="./images/ten.jpg" alt=""></a></li>
          <li><a href="#"><img src="./images/ten.jpg" alt=""></a></li>
        </ul>
        <p>18人想看/3人看过/2人喜欢</p>
      </div>
      <div class="movielist">
        <h2>最近更新</h2>
        <ul>
          <li><a href="#"><i>10</i>钢铁侠</a></li>
          <li><a href="#"><i>2</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
        </ul>
      </div>
      <div class="movielist">
        <h2>本周精选</h2>
        <ul>
          <li><a href="#"><i>10</i>钢铁侠</a></li>
          <li><a href="#"><i>2</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
          <li><a href="#"><i>1</i>钢铁侠</a></li>
        </ul>
      </div>
    </div>
  </section>

<%@include file="/WEB-INF/index/public/footerjs.jsp"%>
<script src="${pageContext.request.contextPath}/index/js/myjs/detail.js"></script>

<%@include file="/WEB-INF/index/public/footer.jsp"%>
